<template>
    <div class="xzcs-pc-ssfgk-accounting">
        <div class="tabs-top">
            <nuxt-link
                v-for="(item, index) in tabsList"
                :key="index"
                :to="`/ssfgk/${item.pathName}/0/1`"
            >
                <div :class="{ 'tabs-active': tabsIndex == index }" class="tab">
                    {{ item.name }}
                </div>
            </nuxt-link>
        </div>

        <no-ssr placeholder="">
            <div
                class="big-search"
                :style="{ backgroundImage: 'url(' + searchBj + ')' }"
            >
                <div class="big-search-div" @keydown="keydown">
                    <el-dropdown
                        szie="medium"
                        placement="bottom-start"
                        @command="command"
                    >
                        <div class="left">
                            {{ retrieveFields == "title" ? "查标题" : "" }}
                            {{
                                retrieveFields == "info_content_text"
                                    ? "查文章"
                                    : ""
                            }}
                            {{
                                retrieveFields == "push_number" ? "查文号" : ""
                            }}
                            {{ retrieveFields == "push_date" ? "查时间" : "" }}
                            <i class="el-icon-arrow-down el-icon--right"></i>
                        </div>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item command="title">
                                <span
                                    :style="{
                                        color:
                                            retrieveFields == 'title'
                                                ? '#004895'
                                                : '#333333',
                                    }"
                                >
                                    查标题
                                </span>
                            </el-dropdown-item>
                            <el-dropdown-item command="info_content_text">
                                <span
                                    :style="{
                                        color:
                                            retrieveFields ==
                                            'info_content_text'
                                                ? '#004895'
                                                : '#333333',
                                    }"
                                >
                                    查文章
                                </span>
                            </el-dropdown-item>
                            <el-dropdown-item command="push_number">
                                <span
                                    :style="{
                                        color:
                                            retrieveFields == 'push_number'
                                                ? '#004895'
                                                : '#333333',
                                    }"
                                >
                                    查文号
                                </span>
                            </el-dropdown-item>
                            <el-dropdown-item command="push_date">
                                <span
                                    :style="{
                                        color:
                                            retrieveFields == 'push_date'
                                                ? '#004895'
                                                : '#333333',
                                    }"
                                >
                                    查时间
                                </span>
                            </el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                    <el-input
                        v-if="
                            retrieveFields == 'title' ||
                            retrieveFields == 'info_content_text'
                        "
                        v-model="searchInput"
                        class="search-input"
                        placeholder="请输入内容"
                        maxlength="60"
                    ></el-input>

                    <template v-if="retrieveFields == 'push_number'">
                        <el-input
                            v-model="searchInput"
                            class="search-input"
                            placeholder="国家税务总局公告"
                            maxlength="60"
                        ></el-input>
                        <!-- <span class="kuohao">〔</span>
                    <el-input
                        class="search-input"
                        style="width: 100px"
                        v-model="number2"
                        placeholder="2023"
                    ></el-input>
                    <span class="kuohao">〕</span>
                    年
                    <el-input
                        class="search-input"
                        style="width: 80px"
                        v-model="number3"
                        placeholder="1"
                    ></el-input>
                    号
                    <span style="padding: 0 20px"></span> -->
                    </template>

                    <template v-if="retrieveFields == 'push_date'">
                        <el-date-picker
                            v-model="date"
                            class="search-input"
                            type="daterange"
                            range-separator="至"
                            value-format="yyyy-MM-dd"
                            format="yyyy-MM-dd"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            :picker-options="pickerOptions"
                        >
                        </el-date-picker>
                    </template>

                    <div class="search-button" @click="allSearch">
                        <i class="el-icon-search"></i>
                        搜索
                    </div>
                </div>
                <div class="big-search-sbvip" @click="goViponly()">
                    会员专享解读
                    <div>会员专享</div>
                </div>
            </div>
        </no-ssr>
        <div v-if="tabsIndex == 0" class="index">
            <div class="left">
                <!-- 简介 -->
                <div class="introduce introduce-index">
                    <introduceModule
                        :type="1"
                        :introduce="introduce"
                    ></introduceModule>
                </div>
                <no-ssr placeholder="">
                    <div class="wx-code">
                        <img
                            src="https://xzcs-video.oss-cn-beijing.aliyuncs.com/pc/fgk_wx_code.png"
                            alt="小竹财税APP"
                        />
                    </div>
                </no-ssr>
                <no-ssr placeholder="">
                    <div class="link">
                        <div class="new-tabs">
                            <div class="title">国内导航</div>
                            <div class="new-switch">
                                <div
                                    v-for="(item, index) in linkList"
                                    :key="index"
                                    class="new-tab"
                                    :class="{
                                        'new-tab-active': linkIndex == index,
                                    }"
                                    @click="linkIndex = index"
                                >
                                    {{ item.name }}
                                </div>
                            </div>
                        </div>

                        <div v-if="linkIndex == 0" class="list">
                            <a
                                v-for="(item, index) in chinatax"
                                :key="index"
                                class="item"
                                :href="item.link"
                                target="_blank"
                                rel="nofollow"
                            >
                                {{ item.region }}
                            </a>
                        </div>
                        <div v-else class="list">
                            <a
                                v-for="(item, index) in customs"
                                :key="index"
                                :style="{
                                    width: index % 6 == 3 ? '75px' : '57px',
                                }"
                                class="item"
                                :href="item.link"
                                target="_blank"
                                rel="nofollow"
                            >
                                {{ item.region }}
                            </a>
                        </div>
                    </div>
                </no-ssr>
                <!-- 热门阅读 -->
                <hotRead
                    :hotReadList="hotReadList"
                    titleKey="title"
                    toType="ssfgk"
                ></hotRead>
            </div>
            <div class="right">
                <div class="right_top">
                    <div class="title">热点法规</div>

                    <div class="list">
                        <div
                            v-for="(item, index) in dataList"
                            :key="index"
                            class="item"
                        >
                            <nuxt-link
                                class="name"
                                target="_blank"
                                :to="`/ssfgk/${item.id}.html`"
                            >
                                {{ item.title }}
                            </nuxt-link>
                            <div
                                v-html="getText(item.info_content, 90)"
                                class="introduce_txt"
                            ></div>
                            <div class="date">{{ item.push_date }}</div>
                        </div>
                    </div>

                    <div class="pagination">
                        <el-pagination
                            background
                            layout="prev, pager, next, jumper"
                            :total="total"
                            :page-size="pageSize"
                            @current-change="changePage"
                        >
                        </el-pagination>
                    </div>
                </div>
                <!-- 推荐阅读 -->
                <no-ssr placeholder="">
                    <div class="right_bottom hot_read123">
                        <recommendedReading
                            :readingList="readingList"
                            textKey="info_content"
                            toType="ssfgk"
                        ></recommendedReading>
                    </div>
                </no-ssr>
            </div>
        </div>
        <div v-show="tabsIndex != 0" class="regulation">
            <breadcrumb>
                <el-breadcrumb separator-class="el-icon-arrow-right">
                    <el-breadcrumb-item>
                        <nuxt-link class="breadcrumb-item" to="/">
                            首页
                        </nuxt-link>
                    </el-breadcrumb-item>
                    <el-breadcrumb-item to="/ssfgk/index/0/1"
                        >税收法规库</el-breadcrumb-item
                    >
                    <el-breadcrumb-item>
                        {{ tabsList[tabsIndex].name }}
                    </el-breadcrumb-item>
                </el-breadcrumb>
            </breadcrumb>

            <div class="regulation-con">
                <div class="left">
                    <!-- 侧边导航栏 -->
                    <div class="introduce1">
                        <introduceModule
                            :type="2"
                            :introduce="introduce1"
                        ></introduceModule>
                    </div>
                    <no-ssr placeholder="">
                        <div class="wx-code2">
                            <img
                                src="https://xzcs-video.oss-cn-beijing.aliyuncs.com/pc/fgk_wx_code.png"
                                alt="小竹财税APP"
                            />
                        </div>
                    </no-ssr>
                    <div class="left_bottom">
                        <el-menu
                            :default-active="tabsIndex + '' + tabsTwoIndex"
                            unique-opened
                            class="el-menu-vertical-demo"
                            @select="menuSelect"
                        >
                            <template v-for="(items, indexs) in tabsList">
                                <div
                                    v-if="indexs != 0"
                                    v-show="tabsIndex == indexs"
                                    :key="indexs"
                                    :class="{
                                        zyfg: indexs == 1 || indexs == 2,
                                        dffg: indexs == 3,
                                    }"
                                >
                                    <el-submenu :index="indexs + ''">
                                        <template slot="title">
                                            <span>{{ items.name }}</span>
                                        </template>
                                        <el-menu-item
                                            v-for="(item, index) in items.class"
                                            :key="item.id"
                                            :index="indexs + '' + index"
                                            >{{
                                                item.name
                                                    ? item.name
                                                    : item.region
                                            }}</el-menu-item
                                        >
                                    </el-submenu>
                                </div>
                            </template>
                        </el-menu>
                    </div>
                    <!-- 侧边导航栏 endF -->
                </div>

                <div class="right">
                    <no-ssr placeholder="">
                        <div class="right_top">
                            <div
                                class="search-div"
                                :style="{
                                    height: highSearchShow ? '332px' : '0',
                                }"
                            >
                                <!-- 搜索 -->
                                <div
                                    class="search"
                                    :class="{ search2: isSenior }"
                                >
                                    <div
                                        class="search-item"
                                        :class="{ 'search-item2': isSenior }"
                                    >
                                        <div class="label">标题关键字</div>
                                        <el-input
                                            class="input"
                                            v-model="title_keyword"
                                            placeholder="标题关键字搜索"
                                        ></el-input>
                                    </div>
                                    <div
                                        class="search-item"
                                        :class="{ 'search-item2': isSenior }"
                                    >
                                        <div class="label">全文关键字</div>
                                        <el-input
                                            class="input"
                                            v-model="cons_keyword"
                                            placeholder="全文关键字搜索"
                                        ></el-input>
                                    </div>

                                    <div
                                        v-if="isSenior"
                                        class="search-item search-item2"
                                    >
                                        <div class="label">地区</div>
                                        <el-cascader
                                            v-model="city_code"
                                            class="input"
                                            placeholder="请选择地区"
                                            :options="region"
                                            :props="regionProps"
                                            :show-all-levels="false"
                                        ></el-cascader>
                                    </div>
                                    <div
                                        v-if="isSenior"
                                        class="search-item search-item2"
                                    >
                                        <div class="label">效力注释</div>
                                        <el-select
                                            v-model="xiaoli_id"
                                            class="input"
                                            placeholder="请选择文件效力"
                                        >
                                            <el-option
                                                v-for="item in xiaoliList"
                                                :key="item.id"
                                                :label="item.name"
                                                :value="item.id"
                                            >
                                            </el-option>
                                        </el-select>
                                    </div>
                                    <div
                                        v-if="isSenior"
                                        class="search-item search-item2"
                                    >
                                        <div class="label">税种</div>
                                        <el-select
                                            v-model="policy_cate_id"
                                            class="input"
                                            placeholder="请选择税种"
                                        >
                                            <el-option
                                                v-for="item in policyCate"
                                                :key="item.id"
                                                :label="item.name"
                                                :value="item.id"
                                            >
                                            </el-option>
                                        </el-select>
                                    </div>
                                    <div
                                        v-if="isSenior"
                                        class="search-item search-item2"
                                    >
                                        <div class="label">发文日期</div>
                                        <el-date-picker
                                            v-model="date_"
                                            class="date-picker"
                                            type="daterange"
                                            range-separator="至"
                                            value-format="yyyy-MM-dd"
                                            format="yyyy-MM-dd"
                                            start-placeholder="开始日期"
                                            end-placeholder="结束日期"
                                            :picker-options="pickerOptions"
                                        >
                                        </el-date-picker>
                                    </div>
                                    <div
                                        class="search-item"
                                        :class="{ 'search-item2': isSenior }"
                                    >
                                        <div class="label">发文字号</div>
                                        <el-input
                                            class="input2"
                                            v-model="zh_keyword1"
                                            placeholder="国家税务总局公告"
                                        ></el-input>
                                        <span class="kuohao">〔</span>
                                        <el-input
                                            class="input3"
                                            v-model="zh_keyword2"
                                            placeholder="2023"
                                        ></el-input>
                                        <span class="kuohao">〕</span>
                                        年
                                        <el-input
                                            class="input4"
                                            v-model="zh_keyword3"
                                            placeholder="1"
                                        ></el-input>
                                        号
                                    </div>
                                    <!-- 搜索 end -->
                                </div>

                                <div class="search-but">
                                    <el-button
                                        :class="{ 'search-item3': !isSenior }"
                                        type="warning"
                                        plain
                                        round
                                        @click="clear(true)"
                                        >重置
                                    </el-button>
                                    <el-button
                                        type="primary"
                                        round
                                        @click="startSearch"
                                        >搜索</el-button
                                    >
                                </div>
                            </div>
                            <div class="r-title">
                                <template
                                    v-if="
                                        tabsIndex > 0 &&
                                        tabsList[tabsIndex].class.length > 1
                                    "
                                >
                                    {{
                                        tabsList[tabsIndex].class[tabsTwoIndex]
                                            .name
                                            ? tabsList[tabsIndex].class[
                                                  tabsTwoIndex
                                              ].name
                                            : tabsList[tabsIndex].class[
                                                  tabsTwoIndex
                                              ].region
                                    }}
                                </template>
                                <template v-else>{{
                                    tabsList[tabsIndex].name
                                }}</template>
                                <div></div>
                            </div>
                            <div v-loading="loading" class="r-list">
                                <div
                                    v-for="(item, index) in dataList"
                                    :key="index"
                                >
                                    <template v-if="tabsIndex == 2">
                                        <statute
                                            :item="item"
                                            :pathUrl="`/ssfgkyh/${item.id}.html`"
                                        ></statute>
                                    </template>
                                    <template v-else>
                                        <statute
                                            :item="item"
                                            :pathUrl="`/ssfgk/${item.id}.html`"
                                        ></statute>
                                    </template>
                                </div>

                                <el-empty
                                    v-show="dataList.length == 0"
                                    description="暂无数据"
                                ></el-empty>
                            </div>
                            <div class="pagination">
                                <el-pagination
                                    background
                                    layout="prev, pager, next, jumper"
                                    :current-page="page"
                                    :total="total"
                                    :page-size="pageSize"
                                    @current-change="changePage"
                                >
                                </el-pagination>
                            </div>
                        </div>
                    </no-ssr>
                    <!-- 推荐阅读 -->
                    <div class="right_bottom hot_read">
                        <recommendedReading
                            :readingList="readingList"
                            textKey="info_content"
                            toType="ssfgk"
                        ></recommendedReading>
                    </div>
                </div>
            </div>
        </div>

        <!-- 浮动弹窗 -->
        <no-ssr>
            <!-- <dynamicPopUps></dynamicPopUps> -->
        </no-ssr>
    </div>
</template>

<script>
import { mapMutations, mapState } from "vuex";
import { customs } from "@/assets/utils/regulation.js";
import {
    faguislideshow,
    getPolicyGetList,
    getPolicyCate,
    getPolicyPcCate,
} from "@/assets/api/regulationsApi.js";
import { newXungetSearch, getanalysedata } from "@/assets/api/indexApi.js";
import { recommend_policy } from "@/assets/api/quizData";

import {
    goTop,
    hightLightText,
    getArr_objKey,
    getText,
} from "@/assets/utils/utils.js";

import breadcrumb from "@/components/index/breadcrumb.vue";
import statute from "@/components/regulations/statute.vue";

// 推荐阅读组件
import recommendedReading from "@/components/recommendedReading/index-router.vue";
// 介绍组件
import introduceModule from "@/components/introduce/index.vue";
// 热门阅读组件
import hotRead from "@/components/hotRead";
// 引入介绍json文件
import introduceJson from "@/assets/json/introduce.json";

import region from "@/assets/json/region.json";
import hotIcon from "@/assets/images/regulations/shouye_header_nav_hot.png";
import searchBj from "@/assets/images/regulations/TaxRevenue-bj.jpg";
import moment from "moment";

import { chinatax } from "@/assets/utils/regulation.js";

import dynamicPopUps from "@/components/index/dynamicPopUps.vue";

export default {
    async asyncData({ params, query }) {
        let data = {
            tabsList: [
                {
                    name: "首页",
                    fieldName: "is_hot",
                    pathName: "index",
                    value: 1,
                    code: "PD1",
                },
                {
                    name: "中央税收法规",
                    fieldName: "city_code",
                    pathName: "zyfg",
                    value: 1,
                    class: [],
                    searchFilter: {
                        code: "1",
                    },
                    code: "PD3",
                },
                {
                    name: "税收优惠政策",
                    fieldName: "type",
                    pathName: "yhzz",
                    value: 1,
                    class: [],
                    searchFilter: {
                        type: "1",
                    },
                    code: "PD4",
                },
                {
                    name: "地方税收政策",
                    fieldName: "city_code",
                    pathName: "dfff",
                    value: -1,
                    class: [
                        {
                            name: "全部",
                            id: -1,
                        },
                    ],
                    searchFilter: {
                        code: "-1",
                    },
                    code: "PD5",
                },
                {
                    name: "海关综合文件",
                    fieldName: "policy_cate_id",
                    pathName: "hgzhwj",
                    value: 27,
                    class: [
                        {
                            name: "海关综合文件",
                        },
                    ],
                    searchFilter: {
                        policy_cate_id: "27",
                    },
                    code: "PD6",
                },
                {
                    name: "国际跨境税收",
                    fieldName: "policy_cate_id",
                    pathName: "gjkjss",
                    value: 20,
                    class: [
                        {
                            name: "国际跨境税收",
                        },
                    ],
                    searchFilter: {
                        policy_cate_id: "20",
                    },
                    code: "PD7",
                },
                {
                    name: "外汇文件",
                    fieldName: "policy_cate_id",
                    pathName: "whwj",
                    value: 28,
                    class: [
                        {
                            name: "外汇文件",
                        },
                    ],
                    searchFilter: {
                        policy_cate_id: "28",
                    },
                    code: "PD8",
                },
                {
                    name: "12366热点回答",
                    fieldName: "policy_cate_id",
                    pathName: "12366rdwd",
                    value: 32,
                    class: [
                        {
                            name: "12366热点回答",
                        },
                    ],
                    searchFilter: {
                        policy_cate_id: "32",
                    },
                    code: "PD9",
                },
                {
                    name: "政府补助",
                    fieldName: "policy_cate_id",
                    pathName: "zfbz",
                    value: 30,
                    class: [
                        {
                            name: "政府补助",
                        },
                    ],
                    searchFilter: {
                        policy_cate_id: "30",
                    },
                    code: "PD10",
                },
                {
                    name: "法规法条",
                    fieldName: "is_fatiao",
                    pathName: "fgft",
                    value: 1,
                    class: [
                        {
                            name: "法规法条",
                        },
                    ],
                    searchFilter: {
                        is_fatiao: "1",
                    },
                    code: "PD11",
                },
            ],
            isSearch: false,
            total: 0,
            pageSize: 30,
            page: 1,
            tabsIndex: 0,
            tabsTwoIndex: 0,
            dataList: [],
            hotReadList: [], //热门阅读列表
            readingList: [], //推荐阅读列表
            jsonld: {
                "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
                "@id": "https://www.xzcs2022.com/ssfgk/",
                images: [""],
                title: "",
                description: "",
                pubDate: "",
                upDate: "",
            },
        };

        if (params.page) data.page = parseInt(params.page.replace(".html", ""));
        if (query.index) data.tabsIndex = parseInt(query.index);
        if (params.type) {
            data.tabsIndex = getArr_objKey(
                data.tabsList,
                params.type,
                "pathName"
            );
        }
        data.jsonld[
            "@id"
        ] += `${params.type}/${params.indexTwo}/${params.page}`;
        if (params.indexTwo) {
            data.tabsTwoIndex = parseInt(params.indexTwo);
        }

        if (data.tabsList[3].class.length == 1)
            data.tabsList[3].class.push(...chinatax);

        const res = await getPolicyPcCate({});
        if (res.code == 1) {
            let list = res.data;
            list.unshift({
                name: "全部",
                id: 0,
            });
            for (let i = res.data.length - 1; i >= 0; i--) {
                if (list[i].name.length > 6) {
                    list.splice(res.data.length - 2, 0, list[i]);
                    list.splice(i, 1);
                }
            }

            data.tabsList[1].class = list;
            data.tabsList[2].class = list;
        }
        let parems = {
            page: data.page,
            limit: data.pageSize,
            type: 2,
        };
        parems[data.tabsList[data.tabsIndex].fieldName] =
            data.tabsList[data.tabsIndex].value;

        if (data.tabsIndex == 1) {
            parems.place = 1;
            parems.policy_cate_id = data.tabsList[1].class[data.tabsTwoIndex].id
                ? data.tabsList[1].class[data.tabsTwoIndex].id
                : "";
        }
        if (data.tabsIndex == 2) {
            parems.policy_cate_id = data.tabsList[2].class[data.tabsTwoIndex].id
                ? data.tabsList[2].class[data.tabsTwoIndex].id
                : "";
            parems.type = 1;
        }
        if (data.tabsIndex == 3) {
            parems.place = 1;
            parems.city_code = data.tabsList[3].class[data.tabsTwoIndex].id;
        }

        const res2 = await getPolicyGetList(parems);

        if (res2.code == 1) {
            data.dataList = res2.data;
            if (res2.data.length > 0) {
                data.total = res2.data[0].all_count;
                data.jsonld.pubDate = data.jsonld.upDate = moment(
                    res2.data[0].createtime * 1000
                ).format("YYYY-MM-DD");
            } else this.total = 0;
        }

        // const res3 = await recommend_policy({
        //     limit: 10,
        // });
        // if (res3.code == 1) {
        //     data.hotReadList = res3.data;
        // }
        const res4 = await recommend_policy({
            limit: 20,
        });
        if (res4.code == 1) {
            data.readingList = res4.data;
            data.hotReadList = res4.data.slice(0, 10);
        }

        return data;
    },

    head() {
        return {
            script: [
                {
                    type: "application/ld+json",
                    innerHTML: JSON.stringify(this.jsonld), // <- set jsonld object in data or wherever you want
                },
            ],
            __dangerouslyDisableSanitizers: ["script"],
            title: this.metaTitle + "-【小竹财税平台】",
            meta: [
                {
                    hid: "description",
                    name: "description",
                    content: this.metaDescription,
                },
                {
                    hid: "keywords",
                    name: "keywords",
                    content: this.metaKeywords,
                },
            ],
        };
    },
    layout: "home",
    components: {
        breadcrumb,
        statute,
        recommendedReading,
        introduceModule,
        hotRead,
        dynamicPopUps,
    },
    data() {
        return {
            metaTitle: "小竹财税法规库",
            metaKeywords: "小竹财税法规库,财税法规库",
            metaDescription:
                "小竹税收法规库汇集了各种税收政策和地方税收法规，包括但不限于增值税、企业所得税、个人所得税、印花税、土地增值及相关的税收解读说明和操作指南。",

            getText: getText,

            // tabsIndex: 0,
            // tabsTwoIndex: 0,

            searchBj: searchBj,

            linkList: [
                {
                    name: "税局",
                },
                {
                    name: "海关",
                },
            ],
            linkIndex: 0,
            customs: customs,

            // 税种
            policyCate: [],
            // 效力注释
            xiaoliList: [
                {
                    id: "现行有效",
                    name: "现行有效",
                },
                {
                    id: "部分失效/废止",
                    name: "部分失效/废止",
                },
                {
                    id: "全文失效/废止",
                    name: "全文失效/废止",
                },
                {
                    id: "已修订",
                    name: "已修订",
                },
            ],

            swiper: [],

            // 法规数据列表
            // dataList: [],
            // total: 0,
            // pageSize: 30,
            // page: 1,

            // 高级搜索显示
            highSearchShow: false,
            // 搜索2
            searchInput: "",
            number2: "",
            number3: "",
            date: "",

            retrieveFields: "title",

            // 搜索
            isSenior: true, // 高级搜索  4.27 默认高级搜索
            title_keyword: "", // 标题关键字
            cons_keyword: "", // 内容关键字
            zh_keyword1: "", // 文号
            zh_keyword2: "", // 文号
            zh_keyword3: "", // 文号
            city_code: "", // 地区
            policy_cate_id: "", //  企业所得税
            xiaoli_id: "", // 效力注释
            date_: "",

            pickerOptions: {
                shortcuts: [
                    {
                        text: "一个月内",
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(
                                start.getTime() - 3600 * 1000 * 24 * 30
                            );
                            picker.$emit("pick", [start, end]);
                        },
                    },
                    {
                        text: "三个月内",
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(
                                start.getTime() - 3600 * 1000 * 24 * 90
                            );
                            picker.$emit("pick", [start, end]);
                        },
                    },
                    {
                        text: "一年内",
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(
                                start.getTime() - 3600 * 1000 * 24 * 365
                            );
                            picker.$emit("pick", [start, end]);
                        },
                    },
                ],
            },
            regionProps: {
                label: "name",
                value: "id",
                children: "children",
            }, // 地区级联选择器配置
            hotIcon: hotIcon,
            region: [],

            loading: false,
            isSearch: false,

            // readingList: [], //推荐阅读列表
            introduce: {
                // src: "https://xzcs-video.oss-cn-beijing.aliyuncs.com/pc/fgk-describe-bj1.png",
                src: "https://xzcs-video.oss-cn-beijing.aliyuncs.com/pc/fgk-describe-bj2.png",
                // title: "小竹税收法规库",
                txt: introduceJson["ssfgk"],
            },

            // hotReadList: [], //热门阅读列表

            chinatax: null,
        };
    },
    computed: {
        ...mapState("regulations", {
            // tabsList: (state) => state.TTabsList,
            // chinatax: (state) => state.chinatax,
            // TDataList: (state) => state.TDataList,
            // ThotReadList: (state) => state.ThotReadList,
            // TreadingList: (state) => state.TreadingList,
        }),
        ...mapState("common", {
            userInfo: (state) => state.userInfo,
        }),
        introduce1: function () {
            return {
                src: "https://xzcs-video.oss-cn-beijing.aliyuncs.com/pc/fgk-describe-bj.png",
                title: "",
                txt: introduceJson[
                    "ssfgk" +
                        (this.$route.params.type ? this.$route.params.type : "")
                ],
            };
        },
    },
    created() {
        // this.hotReadList = this.ThotReadList;
        // this.readingList = this.TreadingList;

        this.getMetaInfo();

        this.jsonld.title = this.metaTitle + "-【小竹财税平台】";
        this.jsonld.description = this.metaDescription;
    },
    mounted() {
        this.chinatax = chinatax;
        for (let item of this.tabsList) {
            if (item.pathName == this.$route.params.type) {
                let m_id = 2;
                getanalysedata({
                    m_id: m_id,
                    type: 1,
                    code: item.code,
                    describe: item.name,
                });
            }
        }
        this.getRegion();

        // this.getPolicyPcCate();

        // this.getLunbo();
        // this.getList(true);

        // 获取税种
        this.getPolicyCate();

        this.setmenuIndex("2");
        this.$nextTick(() => {
            goTop(50);
        });
    },
    watch: {
        // "$route.query": function (to, from) {
        //     try {
        //         this.routeGetList(this.$route);
        //     } catch (error) {}
        // },
    },
    methods: {
        ...mapMutations("common", ["setmenuIndex", "set_payVipShow"]),

        getMetaInfo() {
            if (this.$route.params.type == "index") {
                this.metaTitle = "小竹税收法规库-财税法规库";
                this.metaKeywords = "小竹税收法规库,小竹财税法规库";
                this.metaDescription =
                    "小竹税收法规库汇集了各种税收政策和地方财税法规，包括但不限于增值税、企业所得税、个人所得税、印花税和土地增值税及相关的税收解读说明和操作指南。";
            } else if (this.$route.params.type == "zyfg") {
                this.metaTitle = "中央税收法规-税收法规库";
                this.metaKeywords = "中央税收法规";
                this.metaDescription =
                    "小竹财税中央税收法规版块，汇集众多中央税收法规政策。实时更新中央颁布的税收条例及税收相关规定，帮助企业及从业人员深入了解税收法规，并积极响应最新税收政策的宣传与发布。";
            } else if (this.$route.params.type == "yhzz") {
                this.metaTitle = "税收优惠政策-税收法规库";
                this.metaKeywords = "税收优惠政策";
                this.metaDescription =
                    "小竹财税税收优惠政策版块，汇集众多税收优惠政策。实时更新税收优惠政策条例及税收相关优惠规定出台，并积极响应税收优惠政策的发布与实施。";
            } else if (this.$route.params.type == "dfff") {
                this.metaTitle = "地方税收法规-税收法规库";
                this.metaKeywords = "地方税收法规";
                this.metaDescription =
                    "小竹财税地方税收法规版块，汇集众多税地方税收法规政策，实时更新地方税收法规条例及相关地方税收法规优惠政策出台，并积极推动地方税收法规宣传与发布。";
            } else if (this.$route.params.type == "hgzhwj") {
                this.metaTitle = "海关综合文件税收法规-税收法规库";
                this.metaKeywords = "海关综合文件税收法规";
                this.metaDescription =
                    "小竹财税海关综合文件税收法规版块，汇集众多海关综合文件税收法规，实时更海关综合文件税收法规条例及相关海关综合文件税收法规政策出台，并积极推动海关综合文件税收法规宣传与发布。";
            } else if (this.$route.params.type == "gjkjss") {
                this.metaTitle = "国际跨境税收法规-税收法规库";
                this.metaKeywords = "国际跨境税收法规";
                this.metaDescription =
                    "小竹财税国际跨境税收法规版块，汇集众多国际跨境税收法规。实时更新国际跨境税收条例及相关的国际跨境税收政策出台，并积极推动国际跨境税收政策宣传与发布。";
            } else if (this.$route.params.type == "whwj") {
                this.metaTitle = "外汇文件税收法规-税收法规库";
                this.metaKeywords = "外汇文件税收法规";
                this.metaDescription =
                    "小竹财税外汇文件税收法规板块，汇集众多外汇文件税收法规。实时更新外汇文件税收法规条例及相关的外汇文件税收法规政策出台，并积极推动外汇文件税收法规宣传与发布。";
            } else if (this.$route.params.type == "12366rdwd") {
                this.metaTitle = "12366税收热点问答-税收法规库";
                this.metaKeywords = "12366税收热点问答";
                this.metaDescription =
                    "小竹财税12366税收热点问答版块，汇集众多12366税收热点问答。实时更新12366税收热点问答及相关的12366税收热点问答政策出台，并积极推动外汇文件税收法规宣传与发布。";
            } else if (this.$route.params.type == "zfbz") {
                this.metaTitle = "政府补助税收法规-税收法规库";
                this.metaKeywords = "政府补助税收法规";
                this.metaDescription =
                    "小竹财税政府补助税收法规版块，汇集众多政府补助税收法规。实时更新政府补助税收法规及相关政府补助税收法规政策出台，并积极推动政府补助税收法规宣传与发布。";
            } else if (this.$route.params.type == "fgft") {
                this.metaTitle = "税收法规法条-税收法规库";
                this.metaKeywords = "税收法规法条";
                this.metaDescription =
                    "小竹财税税收法规法条版块，汇集众多多税收法规法条。实时更新税收法规法条及相关税收法规法条政策出台，并积极推动税收法规法条宣传与发布。";
            }
        },

        // 处理省市区数据
        getRegion() {
            // console.log(region);
            let region_n = region;
            for (let items of region_n) {
                for (let item of items.children) {
                    delete item.children;
                }
            }
            this.region = region_n;
        },

        routeGetList(to) {
            if (to.query.index) this.tabsIndex = parseInt(to.query.index);
            if (to.params.indexTwo)
                this.tabsTwoIndex = parseInt(to.params.indexTwo);
            else this.tabsTwoIndex = 0;
            if (to.params.type) {
                this.tabsIndex = getArr_objKey(
                    this.tabsList,
                    to.params.type,
                    "pathName"
                );
            }
            // this.page = 1;
            if (to.params.page)
                this.page = parseInt(to.params.page.replace(".html", ""));

            this.getList();
        },

        async getLunbo() {
            const res = await faguislideshow({
                type: 4, // 会计 3   税收 4
            });
            if (res.code == 1) {
                this.swiper = res.data;
            }
        },

        async getList(is = false) {
            this.isSearch = false;
            if (this.loading == true) return;
            this.loading = true;

            let parems = {
                page: this.page,
                limit: this.pageSize,
                type: 2,
            };
            parems[this.tabsList[this.tabsIndex].fieldName] =
                this.tabsList[this.tabsIndex].value;
            // console.log(this.tabsTwoIndex);

            if (this.tabsIndex == 1) {
                parems.place = 1;
                parems.policy_cate_id = this.tabsList[1].class[
                    this.tabsTwoIndex
                ].id
                    ? this.tabsList[1].class[this.tabsTwoIndex].id
                    : "";
            }
            if (this.tabsIndex == 2) {
                parems.policy_cate_id = this.tabsList[2].class[
                    this.tabsTwoIndex
                ].id
                    ? this.tabsList[2].class[this.tabsTwoIndex].id
                    : "";
                parems.type = 1;
            }
            if (this.tabsIndex == 3) {
                parems.place = 1;
                parems.city_code = this.tabsList[3].class[this.tabsTwoIndex].id;
            }

            const res = await getPolicyGetList(parems);

            this.loading = false;

            if (res.code == 1) {
                this.dataList = res.data;
                if (res.data.length > 0) this.total = res.data[0].all_count;
                else this.total = 0;
                try {
                    goTop(50);
                } catch (error) {}

                this.getHotRead();
            }
        },

        // 获取推荐阅读
        async getreadingList() {
            if (this.readingList.length > 0) return;
            const res2 = await recommend_policy({
                limit: 20,
            });
            if (res2.code == 1) {
                this.readingList = res2.data;
            }
        },

        // 获取热门阅读
        async getHotRead() {
            if (this.hotReadList.length > 0) return;
            if (this.tabsIndex != 0) {
                this.getreadingList();
                return;
            }
            const res2 = await recommend_policy({
                limit: 10,
            });
            if (res2.code == 1) {
                this.hotReadList = res2.data;
                this.getreadingList();
            }
        },

        startSearch() {
            if (!this.userInfo) {
                this.$router.push({
                    path: "/login",
                    query: {
                        url: window.location.pathname + window.location.search,
                    },
                });
                return;
            }
            this.page = 1;
            this.search();
        },

        // 搜索
        async search() {
            this.isSearch = true;
            this.loading = true;
            let parems = {
                page: this.page,
                limit: this.pageSize,
                type: 2,
            };
            // if (!this.isSenior) {
            parems[this.tabsList[this.tabsIndex].fieldName] =
                this.tabsList[this.tabsIndex].value;
            if (this.tabsIndex == 1) {
                parems.policy_cate_id =
                    this.tabsList[1].class[this.tabsTwoIndex].id;
                parems.place = 1;
            }
            if (this.tabsIndex == 2) {
                parems.policy_cate_id =
                    this.tabsList[2].class[this.tabsTwoIndex].id;
                parems.type = 1;
                parems.place = 1;
            }
            if (this.tabsIndex == 3) {
                parems.city_code = this.tabsList[3].class[this.tabsTwoIndex].id;
                parems.place = 1;
            }
            // }

            // if (this.tabsIndex == 1) parems.place = 1;

            // if (this.tabsIndex == 2) parems.place = 1;
            // if (this.tabsIndex == 3) parems.place = 1;

            this.title_keyword
                ? (parems.title_keyword = this.title_keyword)
                : parems;
            this.cons_keyword
                ? (parems.cons_keyword = this.cons_keyword)
                : parems;

            if (this.zh_keyword1) parems.zh_keyword = this.zh_keyword1;
            if (this.zh_keyword2) parems.zh_year = this.zh_keyword2;
            if (this.zh_keyword3) parems.zh_no = `${this.zh_keyword3}号`;

            this.city_code ? (parems.city_code = this.city_code[1]) : parems;
            this.policy_cate_id
                ? (parems.policy_cate_id = this.policy_cate_id)
                : parems;
            this.xiaoli_id ? (parems.xiaoli_id = this.xiaoli_id) : parems;
            if (this.date_.length > 0) {
                parems.startDate = this.date_[0];
                parems.endDate = this.date_[1];
            }

            const res = await getPolicyGetList(parems);
            this.loading = false;
            if (res.code == 1) {
                this.dataList = res.data;
                goTop(50);
                if (res.data.length > 0) this.total = res.data[0].all_count;
                else this.total = 0;
            }
        },

        // 获取税种
        async getPolicyCate() {
            const res = await getPolicyCate({});
            if (res.code == 1) {
                this.policyCate = res.data;
            }
        },

        // 高级搜索
        showSenior() {
            this.isSenior = !this.isSenior;
            this.clear();
        },

        // 清空搜索
        clear(is = false) {
            if (is) {
                this.title_keyword = "";
                this.cons_keyword = "";
                this.zh_keyword1 = "";
                this.zh_keyword2 = "";
                this.zh_keyword3 = "";
            }

            this.city_code = "";
            this.policy_cate_id = "";
            this.xiaoli_id = "";
            this.date_ = "";
            if (is) this.getList();
        },

        // 切换分页
        changePage(page) {
            this.page = page;
            if (this.isSearch) this.search();
            else {
                this.$router.push({
                    name: "ssfgk-type-indexTwo-page",
                    query: {},
                    params: {
                        type: this.$route.params.type,
                        page: page + "",
                        indexTwo: this.tabsTwoIndex,
                    },
                });
                // this.getList();
            }
        },

        // // 切换tabs
        // changeTabs(index) {
        //     if (this.tabsIndex == index) return;
        //     if (index == 2) {
        //         getanalysedata({
        //             m_id: 2,
        //             type: 1,
        //         });
        //     }
        //     this.tabsIndex = index;
        //     this.page = 1;
        //     this.tabsTwoIndex = 0;
        //     this.$router.push({
        //         path: "/TaxRevenue",
        //         query: {
        //             index: this.tabsIndex,
        //             indexTwo: this.tabsTwoIndex,
        //         },
        //     });
        //     // this.getList();
        // },

        // 点击menu
        menuSelect(index) {
            let tabsIndex = Math.trunc(index.slice(0, 1));
            let tabsTwoIndex = parseInt(index.slice(1));

            if (
                this.tabsList[tabsIndex].pathName == this.$route.params.type &&
                this.tabsTwoIndex == tabsTwoIndex
            )
                return;
            // this.tabsIndex = tabsIndex;
            // this.tabsTwoIndex = tabsTwoIndex;
            if (this.tabsList[tabsIndex].pathName == this.$route.params.type) {
                let route = {
                    query: {},
                    params: {
                        type: this.$route.params.type,
                        page: "1",
                        indexTwo: tabsTwoIndex,
                    },
                };
                this.routeGetList(route);
            }
            this.page = 1;
            // if (this.tabsIndex != tabsIndex) tabsTwoIndex = 0;
            this.$router.push({
                name: "ssfgk-type-indexTwo-page",
                query: {},
                params: {
                    // type: this.$route.params.type,
                    type: this.tabsList[tabsIndex].pathName,
                    page: "1",
                    indexTwo: tabsTwoIndex,
                },
            });
            // this.getList();
        },

        // 选中城市
        cityChange(e) {
            console.log(this.city_code);
        },

        async querySearchAsync(queryString, cb) {
            if (!queryString) {
                cb([]);
                return;
            }
            const res = await newXungetSearch({
                keyword: queryString,
                type: "policy",
                page: this.page,
                limit: 5,
            });
            if (res.code == 1) {
                let list = res.data.list;
                for (let item of list) {
                    item.title = hightLightText(item.title, queryString);
                }
                cb(list);
            } else {
                cb([]);
            }
        },

        handleSelect() {},

        goViponly() {
            if (!this.userInfo) {
                this.$confirm("该功能需要登录后使用", "提示", {
                    confirmButtonText: "去登录",
                    cancelButtonText: "再看看",
                })
                    .then(() => {
                        this.$router.push({
                            path: "/login",
                            query: {
                                url:
                                    window.location.pathname +
                                    window.location.search,
                            },
                        });
                    })
                    .catch(() => {});
                return;
            }

            if (this.userInfo.is_gpt_vip == 0) {
                this.$confirm("该功能仅限会员用户使用", "提示", {
                    confirmButtonText: "成为会员",
                    cancelButtonText: "再看看",
                })
                    .then(() => {
                        this.set_payVipShow(true);
                    })
                    .catch(() => {});
                return;
            }

            this.$router.push({
                path: "/viponly",
            });
        },

        allSearch() {
            if (!this.userInfo) {
                this.$confirm("该功能需要登录后使用", "提示", {
                    confirmButtonText: "去登录",
                    cancelButtonText: "再看看",
                })
                    .then(() => {
                        this.$router.push({
                            path: "/login",
                            query: {
                                url:
                                    window.location.pathname +
                                    window.location.search,
                            },
                        });
                    })
                    .catch(() => {});
                return;
            }

            if (
                (this.retrieveFields == "title" ||
                    this.retrieveFields == "info_content_text") &&
                !this.searchInput
            ) {
                this.$message({
                    message: "请输入搜索内容",
                    type: "warning",
                });
                return;
            }
            if (this.retrieveFields == "push_date" && !this.date) {
                this.$message({
                    message: "请输入搜索内容",
                    type: "warning",
                });
                return;
            }
            if (this.retrieveFields == "push_number" && !this.searchInput) {
                this.$message({
                    message: "请输入搜索内容",
                    type: "warning",
                });
                return;
            }

            this.$router.push({
                path: "/ssfgksearch",
                query: {
                    k: this.searchInput,
                    date: this.date.length > 0 ? this.date.join(",") : "",
                    t: this.retrieveFields,
                },
            });
        },

        keydown(e) {
            if (!e.shiftKey && e.keyCode == 13) {
                e.cancelBubble = true; //ie阻止冒泡行为
                e.stopPropagation(); //Firefox阻止冒泡行为
                e.preventDefault(); //取消事件的默认动作*换行
                //以下处理发送消息代码
                if (e.keyCode == 13) {
                    this.allSearch();
                }
            }
        },

        goLunbo(url) {
            this.$router.push({
                path: url,
            });
        },

        command(e) {
            this.retrieveFields = e;
        },
    },
};
</script>

<style lang="scss">
.xzcs-pc-ssfgk-accounting {
    .tabs-top {
        position: sticky;
        top: 80px;
        left: 0;
        height: 50px;
        background: #1c87f3;
        display: flex;
        z-index: 997;
        // width: 1200px;
        // margin: 0 auto;
        justify-content: center;

        .tab {
            line-height: 50px;
            font-size: 14px;
            color: #ffffff;
            padding: 0 24px;
            cursor: pointer;
            user-select: none;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;

            &:hover {
                background: #1976d4;
            }
        }

        .tabs-active {
            background: #1976d4;
        }
    }

    .search-div {
        transition: height 0.3s;
        overflow: hidden;
    }

    .big-search {
        height: 140px;
        width: 100%;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;

        .high-search {
            font-size: 16px;
            color: #ffffff;
            line-height: 20px;
            transition: width 0.3s;
            overflow: hidden;
            white-space: pre;
            cursor: pointer;
            box-sizing: border-box;
            text-align: right;

            div {
                padding-left: 25px;
            }
        }
    }

    .big-search-div {
        display: flex;
        align-items: center;
        height: 55px;
        background-color: #ffffff;

        .left {
            text-align: center;
            width: 105px;
            height: 55px;
            line-height: 55px;
            cursor: pointer;
            user-select: none;
        }
        .kuohao {
            padding: 0 10px;
        }
        .search-input {
            border: none;
            width: 505px;

            .el-input__inner {
                border: none;
                // border-left: 1px solid #dfdfdf;
                border-radius: 0;
                font-size: 16px;
                // height: 26px;
                // list-style: 26px;
            }
        }

        .search-button {
            cursor: pointer;
            width: 133px;
            height: 55px;
            background: #004895;
            font-size: 16px;
            color: #ffffff;
            text-align: center;
            line-height: 55px;

            i {
                font-size: 18px;
            }

            &:active {
                opacity: 0.8;
            }
        }
    }

    .big-search-sbvip {
        display: block;
        height: 40px;
        line-height: 40px;
        background-color: #1c87f3;
        color: #ffffff;
        font-size: 18px;
        padding: 0 10px;
        border-radius: 6px;
        margin-left: 20px;
        cursor: pointer;
        user-select: none;
        position: relative;
        div {
            background-color: #ff1111;
            color: #ffffff;
            font-weight: 400;
            font-size: 10px;
            position: absolute;
            right: -25px;
            top: -6px;
            height: 16px;
            line-height: 14px;
            width: 50px;
            border-radius: 16px;
            text-align: center;
        }
        &:hover {
            opacity: 0.8;
        }
        &:active {
            opacity: 0.9;
        }
    }

    .index {
        width: 1200px;
        margin: 0 auto;
        margin-top: 22px;
        margin-bottom: 44px;
        display: flex;

        .left {
            width: 383px;

            .introduce {
                width: 383px;
                height: 218px;
            }

            .swiper {
                width: 383px;
            }

            .link {
                margin-top: 14px;
                background-color: #ffffff;
                position: sticky;
                top: 153px;
            }

            .introduce-index {
                // position: sticky;
                // top: 153px;
            }

            .list {
                padding: 21px;
                padding-right: 0;
            }

            .item {
                display: inline-block;
                width: 60px;
                margin: 6px 0;
                font-size: 14px;
                color: #666666;

                &:hover {
                    // text-decoration: underline;
                    cursor: pointer;
                    color: #1c87f3;
                }
            }

            // .hot_read {
            //     margin-top: 15px;
            //     background-color: #fff;

            //     .hot_read_title {
            //         padding: 20px;
            //         font-size: 18px;
            //         font-weight: 500;
            //         color: #1A1A1A;
            //         line-height: 17px;
            //         border-bottom: 1px solid #EAEAEA;

            //         .hot_icon {
            //             width: 14px;
            //             height: 17px;
            //         }
            //     }

            //     .hot_read_list {
            //         margin-top: 22px;
            //         padding: 0 20px;

            //         .hot_read_item {
            //             margin-bottom: 20px;
            //             font-size: 14px;
            //             font-weight: 400;
            //             color: #666666;
            //             line-height: 40px;
            //             letter-spacing: 1px;
            //             display: flex;
            //             align-items: center;
            //             //多行文本溢出显示省略号
            //             overflow: hidden;
            //             text-overflow: ellipsis;
            //             display: -webkit-box;
            //             -webkit-box-orient: vertical;
            //             /*设置对齐模式*/
            //             -webkit-line-clamp: 1;
            //             /*设置多行的行数，示例为1行*/

            //             &:hover {
            //                 color: #1C87F3;
            //             }

            //             &::before {
            //                 content: "";
            //                 display: inline-block;
            //                 width: 6px;
            //                 height: 6px;
            //                 border-radius: 50%;
            //                 background-color: #D8D8D8;
            //                 margin-right: 14px;
            //             }
            //         }
            //     }
            // }
        }

        .right {
            width: 100%;
            margin-left: 14px;

            .right_top {
                width: 100%;
                background-color: #ffffff;

                .title {
                    border-bottom: 1px solid #f1f1f1;
                    height: 69px;
                    display: flex;
                    align-items: center;
                    padding-left: 41px;
                    font-size: 20px;
                    font-weight: 500;
                    color: #333333;

                    .icon {
                        width: 15px;
                        height: 17px;
                        margin-right: 7px;
                    }
                }

                .list {
                    padding-left: 28px;
                    padding-right: 35px;
                }

                .item {
                    display: block;
                    padding-bottom: 20px;
                    border-bottom: 1px solid #e8e8e8;
                    color: #333333;

                    .name {
                        display: block;
                        width: 640px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-size: 16px;
                        font-weight: 600;
                        color: #000000;
                        line-height: 66px;

                        &:hover {
                            color: #1c87f3;
                            text-decoration: underline;
                        }
                    }

                    .introduce_txt {
                        // margin-top: 20px;
                        font-size: 14px;
                        font-weight: 400;
                        color: #666666;
                        line-height: 20px;
                        overflow: hidden;
                        // white-space: nowrap;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2; /* 这里设置的是文本的最大行数 */
                        -webkit-box-orient: vertical;
                        width: 735px;
                        height: 40px;
                        &::v-deep p {
                            line-height: 20px !important;
                            white-space: break-spaces;
                        }
                        &::v-deep span {
                            line-height: 20px !important;
                            white-space: break-spaces;
                        }
                        &::v-deep a {
                            line-height: 20px !important;
                            white-space: break-spaces;
                        }
                        &::v-deep img {
                            display: none;
                        }
                        p {
                            line-height: 20px !important;
                            white-space: break-spaces;
                        }
                        span {
                            line-height: 20px !important;
                            white-space: break-spaces;
                        }
                        a {
                            line-height: 20px !important;
                            white-space: break-spaces;
                        }
                        img {
                            display: none;
                        }
                    }

                    .date {
                        margin-top: 15px;
                        font-size: 13px;
                        color: #999999;
                    }
                }
            }

            .right_bottom {
                margin-top: 20px;
            }
        }
    }

    .wx-code {
        margin-top: 15px;
        width: 383px;
        img {
            width: 383px;
            height: auto;
        }
    }
    .wx-code2 {
        margin: 8px 0;
        width: 254px;
        img {
            width: 254px;
            height: auto;
        }
    }

    .regulation-con {
        display: flex;
        justify-content: space-between;
        width: 1200px;
        margin: 30px auto;
        align-items: flex-start;

        .left {
            width: 254px;
            position: sticky;
            top: -312px;
            left: 0;

            .left_bottom {
                position: sticky;
                top: 135px;
                left: 0;
            }

            i {
                color: #ffffff;
            }
        }

        .right {
            width: 925px;
            // padding: 34px;
            box-sizing: border-box;

            .right_top {
                background: #ffffff;
            }
            .right_bottom {
                margin-top: 20px;
            }

            .search2 {
                // justify-content: center !important;

                .search-item2 {
                    .input {
                        width: 267px;
                    }

                    .label {
                        width: 110px;
                        text-align: right;
                    }
                }
            }

            .search {
                padding: 34px;
                padding-left: 59px;
                padding-bottom: 0;
                display: flex;
                flex-wrap: wrap;
                // justify-content: space-around;

                .search-item {
                    display: flex;
                    align-items: center;
                    font-size: 14px;
                    color: #333333;
                    margin-bottom: 22px;

                    .kuohao {
                        font-size: 26px;
                        padding: 0 4px;
                        font-weight: 100;
                    }
                }

                .input {
                    margin-left: 10px;
                    width: 195px;
                }

                .input2 {
                    margin-left: 10px;
                    width: 267px;
                }

                .input3 {
                    margin-left: 0;
                    width: 88px;
                }

                .input4 {
                    margin: 0 10px;
                    width: 102px;
                }

                .date-picker {
                    margin-left: 10px;
                    margin-right: 0;
                    width: 267px;
                }
            }

            .search-but {
                text-align: center;
                padding-top: 10px;

                .search-item3 {
                    margin-left: 67px;
                }
            }

            .r-title {
                display: inline-block;
                padding: 0 30px;
                font-size: 16px;
                font-weight: 700;
                color: #333333;
                padding-top: 32px;
                padding-bottom: 20px;

                // display: flex;
                // align-items: center;
                div {
                    height: 8px;
                    width: 110%;
                    position: relative;
                    left: -5%;
                    top: -6px;
                    background-color: #1c87f3;
                    opacity: 0.4;
                }
            }
        }
    }

    .new-tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px #e9e9e9 solid;
        padding: 15px 26px;

        .title {
            font-size: 20px;
            font-weight: 700;
        }

        .new-switch {
            display: flex;
            border-radius: 4px;
            border: 1px solid #d9d9d9;
            height: 28px;
            line-height: 28px;
            overflow: hidden;

            .new-tab {
                padding: 0 10px;
                font-size: 14px;
                cursor: pointer;
                color: #333333;
            }

            .new-tab-active {
                background-color: #1c87f3;
                color: #ffffff;
            }

            .new-tab:nth-child(1) {
                border-right: 1px solid #d9d9d9;
            }
        }
    }

    .breadcrumb-item {
        cursor: pointer;
        font-weight: 700;
        transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        color: #303133;

        &:hover {
            color: #409eff;
        }
    }

    .el-submenu {
        border-bottom: 2px solid #f0f0f2 !important;
    }

    .tabs {
        border-bottom: 1px #e9e9e9 solid;
        width: auto !important;
        padding-top: 0 !important;
    }

    .tabs .tab {
        width: 50% !important;
        text-align: center !important;
        margin: 0 !important;
        height: 60px !important;
        line-height: 60px !important;
    }

    .el-submenu__title {
        background-color: #1c87f3;
        color: #ffffff;
    }

    .el-submenu__title:hover {
        background-color: rgba($color: #1c87f3, $alpha: 0.8);
    }

    .el-menu-item.is-active {
        background-color: #f2f8ff;
    }

    .el-descriptions__title {
        font-size: 16px;
        font-weight: 400;
        color: #333333;
    }

    .el-descriptions-item__container {
        font-size: 13px;
        color: #999999;
    }
    .el-submenu__title i {
        color: #ffffff;
    }

    .el-submenu__title i::before {
        content: "\e6d9";
    }

    .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
        transform: rotateZ(0) !important;
    }

    .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow::before {
        content: "\e7a9";
    }

    .zyfg .el-submenu .el-menu {
        display: flex;
        flex-wrap: wrap;
    }

    .zyfg .el-submenu .el-menu-item {
        height: 40px !important;
        line-height: 40px !important;
        min-width: 50%;
        padding: 0 0 0 20px !important;
        text-align: left;
    }

    .dffg .el-submenu .el-menu {
        display: flex;
        flex-wrap: wrap;
    }

    .dffg .el-submenu .el-menu-item {
        min-width: 25%;
        padding: 0 !important;
        text-align: center;
    }

    .introduce1 {
        width: 254px;
        height: 278px;
        margin-bottom: 20px;
    }

    .el-date-editor .el-range__icon {
        color: #1c87f3;
    }

    .pagination {
        text-align: center;
        padding: 20px 0;
    }
}
</style>